<template>
  <div class="flex justify-between gap-x-6">
    <div class="w-56">
      <button class="bbs-btn bbs-btn-sm bbs-btn-block bbs-btn-primary">发布主题</button>
      <TopicList class="mt-4" />
    </div>
    <div class="flex-auto">
      <PostsList />
    </div>
    <div class="flex-1">
      <TopicList class="mt-4" />
    </div>
  </div>
</template>
<script setup lang="ts">
import { TopicList } from '@/components/topic';
import { PostsList } from '@/components/posts';

</script>